//flex一把梭
.fcc{
  display: flex;
  justify-content: center;
  align-items: center;
}
.fce{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.fss{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.fsc{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fse{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.fec{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fbc{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fac{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.fvc{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.fdcc{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fdsc{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.fdcs{
  display: flex;
  flex-direction: column;
  justify-content:center ;
  align-items:flex-start ;
}
.fdss{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.fdse{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.fdbc{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.fdas{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.fdvc{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.fdac{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.fdbs{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.fdes{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.fcs{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ac{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ab{
  position: absolute;
}
.re{
  position: relative;
}
.ty50{
  transform: translateY(-50%);
}
.tx50{
  transform: translateX(-50%);
}
.f1{
  flex: 1;
}
.w100{
  width: 100%;
}
.h100{
  height: 100%;
}
